<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <title></title>

        <script type="text/javascript" src="JS/jquery.js"></script>
        <script type="text/javascript" src="Controller/searchTwitter.js"></script>
        <script type="text/javascript" src="JS/data.js"></script>
        <style type="text/css">
            <!--
            @import url("css/style.css");
            -->
        </style>
        <script>
             $(document).ready(function(){
                $("#wait").hide();
            })
        </script>
    </head>
    <body>
        <div id="searcharea">
            Write Your Query<input type="text" id="q"><br/>
            <button onclick="searchTwitter.search()">Search</button>
        </div>
        <div id="wait">WAITING..................</div>
        <table id="resuts">
            <tr><td>TOTAL RESULTS Per Page</td><td id="totalResults"></td></tr>
            <tr><td>Positive</td><td id="pos"></td></tr>
            <tr><td>Negative</td><td id="neg"></td></tr>
            <tr><td>Neutral</td><td id="ne"></td></tr>
        </table>
        <table >
            <thead>
                <tr>
                    <th class="odd">
                        Count
                    </th>
                    <th class="odd">
                        Positive Links
                    </th>
                    <th class="odd">
                        Negative Links
                    </th>
                    <th class="odd">
                        Neutral Links
                    </th>
                </tr>
            </thead>
            <tbody id="linksResults">
            </tbody>
        </table>
        
    </body>
</html>